<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动</title>
		<style type="text/css">
			div{
				margin: 15px;    /* 内边距 */
				padding: 16px;   /*  外边距 */
			}
			#ning{
				border: 1px red solid;
				/* overflow: scroll; */    /* (4)height随意都有滑轮 */
				/* overflow: hidden; */  /* (3)让父级元素包裹所以div */
				/* height: 1200px; */   /* (2)直接设出高度 直接覆盖 */
				overflow: auto;
				
			}
			.one{
				border: 1px blue dashed;
				float: left;
			}
			.two{
				border: 1px black dashed;
				float:left;
				/* clear: both; */
			}
			.three{
				border: red 1px solid;
				float: left;
			}
			/* .one{
				border: 1px blue dashed;
				float: right; */
			.four{
				font-size: 2px;
				width: 30px;
				border: 1px yellow solid;
				line-height: 5px;     /* 行高 */
				float: left;
				/* clear: none; */
			}
			/* .hh{
				clear: both;
				margin: 0;
				padding: 0;
				height: 20;
				width: 20;
				border: #000000 dashed; */
			}
		</style>
	</head>
	<body>
		<div id="ning">
			<div class="one"><img src="../keshang/img1.png" alt="美女"/></div>
			<div class="two"><img src="../keshang/img2.png" alt="胡歌"/></div>
			<div class="three"><img src="../keshang/img3.png" alt="男女"/></div>
			<div class="four">
				现在的小鲜肉已经成功的让我戒掉了电视剧。
			</div>
			<!-- <div class="hh"></div> -->    <!-- （1）添加一个空白的div和效果来实现防止边框崩塌 -->
		</div>
		
	</body>
</html>
